import React, { Component } from 'react';
import { Field } from 'redux-form';

import { FormattedMessage } from 'react-intl';

import { Col, Row, TextField } from '@folio/stripes/components';
import EditorSachet from '../../util/EditorSachet';

class CafeTableThree extends Component {
  constructor(props) {
    super(props);
  }

  render() {
    return (
      <Row style={{ width: '100%', height: '200px' }}>
         <Col xs={9} style={{ width: '100%', height: '200px' }}>
          <Field
            label={
              <FormattedMessage id="ui-party.loans.columns.party.description" />
            }
            component={EditorSachet}
            name="depict"
            disabled
            style={{ width: '100%', height: '200px', marginTop: '0.55rem' }}
          />
        </Col>
      </Row>
    );
  }
}

export default CafeTableThree;
